require(["config"], function(config) {
	require(["jquery", "sw", "cook"], function(jquery, sw, cook) {
		var mySwiper = new Swiper(".swiper-container", {
			loop: true,
			autoplay: 3000,
			pagination: '.swiper-pagination',
			paginationClickable: true,
			effect: 'fade'
		});
		$(function() {

			//获取cookie   cookie 中的东西 

			$(".top_right_first").hover(function() {
				$(this).find(".top_right_sapn3").css("display", "block");
				$(this).find("a").css("color", "#ff8a81");
				$(this).find(".top_right_div1").css("display", "block");
				$(this).find(".span5").css("display", "block");
				$(this).find(".top_right_car").css("background", "#fff");
			}, function() {
				$(this).find(".top_right_span3").css("display", "none");
				$(this).find("a").css("color", "#686767");
				$(this).find(".span5").css("display", "none");
				$(this).find(".top_right_div1").css("display", "none");
				$(this).find(".top_right_car").css("background", "#fff0ed");
			})
			$(".top_right_third").hover(function() {
				$(this).find(".top_right_box").css("background", "white");
				$(this).find(".top_right_ol").css("display", "block");
			}, function() {
				$(this).find(".top_right_box").css("background", "#fff0ed");
				$(this).find(".top_right_ol").css("display", "none");
			})
			$(".top_right_last").hover(function() {
				$(this).find(".top_right_box2").css("display", "block");
				$(this).find("span").css("display", "block");
				$(this).find("a").css("color", "#ff8a81");
			}, function() {
				$(this).find(".top_right_box2").css("display", "none");
				$(this).find("span").css("display", "none");
				$(this).find("a").css("color", "#686767")
			})
			$(".nav_left li").bind({
				mouseover: function() {
					$(this).find("div").css("display", "block")
				},
				mouseout: function() {
					$(this).find("div").css("display", "none")
				}
			})

			$(".nav_left li div a").hover(function() {
				$(this).css("color", "red")
			}, function() {
				$(this).css("color", "#686767")
			})

			$.getJSON("js/nbf.json", function(json) {
				/***********************************banner轮播图***************************************************/
				//获取json的数据
				var banner = json.banner;
				var $a = $(".banner_ul a");
				$.each(banner, function(j) {
						$("<img class='ming' src=" + banner[j] + ">").appendTo($a.eq(j));
					})
					//轮播图
				var banner_timer = null;
				clearInterval(banner_timer);
				banner_timer = setInterval(banner_move, 4000) //定时器
				var banner_count = 4;

				function banner_move() {
					if (banner_count >= $(".banner_ul a").size() - 1) {
						banner_count = 0;
					} else {
						banner_count++;
					}
					$(".btn_ul").children().eq(banner_count).addClass("active").siblings().removeClass("active");
					$(".banner_ul").children().stop().eq(banner_count).animate({
						opacity: 1
					}, 500).show().siblings().stop().hide().animate({
						opacity: 0.6
					}, 500)
				}
				banner_move();
				$("#btn_left").click(function() {
					clearInterval(banner_timer);
					if (banner_count <= 0) {
						banner_count = $(".banner_ul a").size() - 1
					} else {
						banner_count--
					}
					$(".btn_ul").children().eq(banner_count).addClass("active").siblings().removeClass("active");
					$(".banner_ul").children().stop().eq(banner_count).animate({
						opacity: 1
					}, 500).show().siblings().stop().hide().animate({
						opacity: 0.6
					}, 500)

				})
				$("#btn_right").click(function() {
					clearInterval(banner_timer);

					banner_move();
				})
				$("#bannerWrap").hover(function() {
					clearInterval(banner_timer);

					$("#btn_left,#btn_right").css("display", "block");

				}, function() {
					$("#btn_left,#btn_right").css("display", "none")
					banner_timer = setInterval(banner_move, 4000);
				})
				$.each($(".btn_ul").find("li"), function(index) {
					$(this).bind({

						mouseover: function() {
							clearInterval(banner_timer);
							banner_count = index;
							$(this).addClass("active").siblings().removeClass("active")
							$(".banner_ul").children().stop().eq(index).animate({
								opacity: 1
							}, 500).show().siblings().stop().hide().animate({
								opacity: 0.6
							}, 500)
						},
						mouseout: function() {

						}
					})
				})

				/***********************************nav导航*****************************************/
				//获取nav上面的li
				var nav = json.nav;
				//	alert(nav.length)
				var $lia = $("#nav ul li");
				$.each(nav, function(i) {
						//		alert(nav[i])
						$lia.eq(i).find("a").eq(0).text(nav[i])
					})
					//获取li下面的一大块
					//	先获取h1
				var divh1 = json.div_h1;
				var $divh1 = $("#nav ul li");
				$.each(divh1, function(i) {
						$divh1.eq(i + 1).find("h1").eq(0).text(divh1[i])
					})
					//获取a1
				var diva1 = json.div_a1;
				$.each(diva1, function(i) {
					$divh1.eq(i + 1).find("a").eq(1).text(diva1[i]);

				});

				/******************************count1******************************/
				//定做结婚戒指
				var hun = json.hun;
				//	alert(json.hun[2])
				var left = $(".countwrap_left_img")
				$.each(hun, function(i) {
						$("<img src=" + hun[i] + ">").appendTo(left)

					})
					//定做婚戒右边图	
				var right_img = json.countwrap_right_img;
				var right = $(".countwrap_right")
				$("<img src=" + right_img[0] + ">").appendTo(right);

				var timer = 0;
				index = 0;
				timer = setInterval(function() {
					if (index >= $(".countwrap_left_img img").length - 1) {
						index = 0;
					} else {
						index++
					}
					$(".countwrap_left_img").find("img").stop().eq(index).animate({
						opacity: 1
					}, 500).show().siblings().stop().hide().animate({
						opacity: 0.8
					}, 500)
				}, 2000);

				$(".countwrap_right").find("img").mouseenter(function() {
					$(this).animate({
						"opacity": 0.8
					}, 100).animate({
						"opacity": 1
					}, 100)
				})

				/***************************************系列产品**************************************/
				//添加系列产品的分类
				/*var li_a=json.li_a;
				var ul=$("#countwrap1_ul ul")
				$.each(li_a, function(i) {
					$("<li><a href='#javascript'>"+li_a[i]+"</a></li>").appendTo(ul)
				});*/

				//内容1
				var one = json.one;
				var left_1 = $(".count2_div1_left")
				$.each(one, function(i) {
					$("<a href='#javascript'><img src=" + one[i] + "></a>").appendTo(left_1.eq(i))
				});
				//内容2
				var two = json.two;
				//alert(two[1])的
				var left_2 = $(".count2_div1_left")
				$.each(two, function(i) {
					$("<a href='#javascript'><img src=" + two[i] + "></a>").appendTo(left_2.eq(i))
				});
				//内容3
				var three = json.three;
				var right_1 = $(".count2_div1_right")
				$.each(three, function(i) {
					//alert(right_1.length)
					$("<a href='#javascript'><img src=" + three[i] + "></a>").appendTo(right_1.eq(i))
				});

				//系列产品轮播
				var _timer = null;
				clearInterval(_timer);
				_timer = setInterval(count_move, 2000) //定时器
				var _count = 5;

				function count_move() {
					if (_count >= $("#countwrap1_ul ul li").size() - 1) {
						_count = 0;
					} else {
						_count++;
					}
					$("#countwrap1_ul ul").children().eq(_count).css("color", "black").siblings().css("color", "white")
					$(".count2_div").children().stop().eq(_count).css("display", "block").stop().siblings().css("display", "none")

				}
				count_move();

				$(".count2_div").hover(function() {
					clearInterval(_timer);
				}, function() {
					_timer = setInterval(count_move, 2000);
				})

				$.each($("#countwrap1_ul ul li"), function() {
					$(this).bind({
						mouseover: function() {
							clearInterval(_timer);
							//下标要相同
							_count = $(this).index();
							$(this).stop().css("color", "black").stop().siblings().css("color", "white");
							//console.log( $(this).index() + "郭洁");
							$(".count2_div li").stop().eq(_count).css("display", "block").stop().siblings().css("display", "none")
								//console.log( _count )
						},
						mouseout: function() {
							//_timer=setInterval(count_move,2000);
						}
					})

				})

				$("#count2_div").find("img").mouseenter(function() {
					$(this).animate({
						"opacity": 0.8
					}, 100).animate({
						"opacity": 1
					}, 100)
				})

				/****************************************婚戒推荐*****************************************/

				//count4_img
				var c4img = json.count4_img;
				//alert(c4img);
				var ul4 = $(".count4_div ul");
				$.each(c4img, function(i) {
					$("<li><a href='#javascript'><img src=" + c4img[i] + "/></a></li>").appendTo(ul4);
					//$("<li><a href='#javascript'>"+li_a[i]+"</a></li>").appendTo(ul)
				});

				//首先获取ul的总宽度
				$('.count4_div ul').css("width", $(".count4_div ul li").outerWidth() * $(".count4_div ul li").length);

				var cont4_index = 0;
				$("#btn_right_a").on("click", function() {
					if (-$('.count4_div ul').position().left < $(".count4_div").outerWidth() - $(".count4_div ul li").outerWidth() * ($(".cont4_div ul li").length / 2)) {
						cont4_index++;
						if (cont4_index > $(".count4_div ul li").length / 2) {
							cont3_index = $(".count4_div ul li").length / 2;
							return;
						}
						$(".count4_div ul").stop().animate({
							left: (-$(".count4_div ul li").outerWidth() * cont4_index) + "px"
						})
					}
				})

				$("#btn_left_a").on("click", function() {
						if ($(".count4_div ul").position().left < 0) {
							cont4_index--;

							if (cont4_index < 0) {
								cont4_index = 0;
								return;
							}

							$(".count4_div ul").stop().animate({
								left: (-$(".count4_div ul li").outerWidth() * cont4_index) + "px"
							})

						}
					})
					//鼠标滑过让其上去
				$.each($(".count4_div ul").find("li"), function() {
					$(this).bind({
						mouseenter: function() {
							$(this).animate({
								"margin-top": "-10px"
							}, 500)
						},
						mouseout: function() {
							$(this).animate({
								"margin-top": "0px"
							}, 500)
						}
					})
				})

				/****************************************婚戒形状****************************************/

				var dt = json.dt;
				var count5 = $(".count5")
				$.each(dt, function(i) {
					$("<dl><a href='#javascipt'><dd></dd><dt>" + dt[i] + "</dt></a></dl>").appendTo(count5)

				});
				//鼠标滑过让其背景位置发生变化
				$(".count5").find("dl").hover(function() {

					$(this).find("dd").css("background-position-y", "-50px")
				}, function() {
					$(this).find("dd").css("background-position-y", "0")
				})

				/****************************************品牌动态****************************************/

				$(".count6 div").find("img").mouseenter(function() {
					$(this).animate({
						"opacity": 0.6
					}, 100).animate({
						"opacity": 1
					}, 100)
				})

				/****************************************各地体验中心****************************************/
				/*var a=json.address;
				var $count7=$(".count7_ul")
				$.each(a,function(i) {
					$("<a href='#javascript:;'>"+a[i]+"</a>").appendTo($count7);
					$("a:first").addClass("cont7_top_first")
				});*/

				$("#btn ul li").each(function() {
					if ($(this).index() == 0) {
						$(this).attr("class", "hover").siblings().attr("class", "normal");
						$("#ban li:eq(0)").attr("class", "show").siblings().attr("class", "hide");
						//$("#ban li:eq(0)").show().siblings().hide();
					}
					$(this).mouseover(function() {
						$(this).attr("class", "hover").siblings().attr("class", "normal");
						$("#ban li").eq($(this).index()).attr("class", "show").siblings().attr("class", "hide");
						//$("#ban li").eq($(this).index()).show().siblings().hide();
					})
				});

				/*************************************input失焦*******************************************/

				$("#count7_bottom_right input").bind({
					focus: function() {
						if (this.value == this.defaultValue) {
							this.value = ""
						}
						$("#count7_bottom_right p .span2").html("发送")
					},
					blur: function() {
						if (this.value == "") {
							this.value = this.defaultValue;
						}
						$("#count7_bottom_right p .span2").html("")
					}

				})

				/*************************************倒数第二部分*******************************************/
				//咨询动态	
				var foot1 = json.foot1;
				//alert(foot1);
				var $dt = $(".footer_left .one")
				$.each(foot1, function(i) {
					$("<dd><a href='#javascript'>" + foot1[i] + "</a></dd>").insertAfter($dt)
				});
				//钻石课堂
				var foot2 = json.foot2;
				//alert(foot2);
				var $dt2 = $(".footer_left .two")
				$.each(foot2, function(i) {
					$("<dd><a href='#javascript'>" + foot2[i] + "</a></dd>").insertAfter($dt2)
				});

				//最后轮播的图片
				/*var $c7img=json.count7_img;
				//alert($c7img)
				var $ul=$("#cont7_right_ul")
				$.each($c7img,function(i){
					$("<li><a href='#javascript:;'><img src="+$c7img[i]+"></a></li>").appendTo($ul)		
				})*/

				/***********************************footer**************************/
				var div1 = json.div1;
				//	alert(div1[1][1])
				var $div1 = $(".foot .div1");
				$.each(div1, function(i) {
					$("<dl><dt><img src=" + div1[i][0] + "/></dt><a href='#javascript'><dd>" + div1[i][1] + "</dd></a></dl>").appendTo($div1)
				});

				/***********************页面固定元素******************************/
				$(".xia").bind({
					mouseover: function() {
						$(".zuo").css("display", "block")
					},
					mouseout: function() {
						$(".zuo").css({
							"display": "none",
							"z-index": "0"
						})
					}
				})

				$(".Totop").bind({
						mouseover: function() {
							$(this).css("background-position-x", "-40px")
						},
						mouseout: function() {
							$(this).css("background-position-x", "0px")
						}
					})
					//$(window).scroll事件    滚动事件
					//$(window).scrollTop()获取滚动高度

				$(window).scroll(function() {
					var $stop = $(window).scrollTop()
					if ($stop > 700) {
						$(".Totop").css("display", "block")

					} else {
						$(".Totop").css("display", "none")
					}

				})

				$(".Totop").click(function() {
					$("body,html").animate({
						scrollTop: 0
					}, 1000)
				})

			})

			$.getJSON("js/nav.json", function(json) {
				var t = $(".nav_two")
				$.each(json, function(i) {
					$("<a href='#javascript'><img src=" + json[i].a5 + "></a>").appendTo(t.eq(i).children(".nav_wp4"))
				});

			})

			$(function() {
				function loadCart() {
					var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
					var cartObj = convertCartStrToObj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for (var id in cartObj) {

						total += cartObj[id].num;

						$(".top_right_span1").html(total);
						$(".top_right_span1").text(total);
						//console.log($(".top_right_span1").html())
					}
				}
				loadCart()
			})

			function convertCartStrToObj(cartStr) {
				if (!cartStr) {
					return {};
				}
				var goods = cartStr.split(":");
				var obj = {};
				for (var i = 0; i < goods.length; i++) {
					var data = goods[i].split(",");
					//以商品的id为健 商品的其他信息为值
					obj[data[0]] = {
						name: data[1],
						price: parseFloat(data[2]),
						num: parseInt(data[3]),
						src: data[4]
					}
				}
				return obj;
			}

			function convertObjToCartStr(obj) {
				var cartStr = "";
				//遍历对象
				for (var id in obj) {
					if (cartStr) {
						cartStr += ":"
					}
					cartStr += id + "," + obj[id].name + "," + obj[id].price + "," + obj[id].num + "," + obj[id].src + ",";

				}
				return cartStr
			}

			//购物侧跳转
			$(".top_right_car").click(function() {
				location.href = "shopping.html"

			})

			//登录注册的消息
			if ($.cookie("test") !== null) {
				//var login=($.cookie("test").split(":"));
				var login = ($.cookie("test").split(":")[0]);
				var lo = login.split(",")[0];
				//console.log(login)
				$(".top_left_login").html(lo)
				$(".top_left_register").html("");
			}

			$(".top_left_reg1").click(function() {

				$(".top_left_register").html("注册");
				$(".top_left_login").html("登录");
				$(".top_left_reg1").css("display", "none")
			})

		})

	});

});